<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
* {
	margin: 0px;
	padding: 0px;
}

body {
	font-size: 12px;
	margin: 0px auto;
	height: auto;
	width: 805px;
}

.mainBox {
	border: 1px dashed #0099CC;
	margin: 20px;
	padding: 0px;
	float: left;
	height: 300px;
	width: 192px;
}

.mainBox h3 {
/* 	float: left; */
	border: 1px dashed #ff0000;
	height: 40px;
	width: 179px;
	color: #FFFFFF;
	padding: 6px 3px 3px 20px;
	background-color: #0099CC;
	font-size: 16px;
}

.mainBox p {
	line-height: 1.5em;
	text-indent: 2em;
	margin: 35px 5px 5px 5px;
}
</style>

</head>
<body>
	<div class="mainBox">
		<h3>前言</h3>
		<p>正文内容</p>
	</div>
	<div class="mainBox">
		<h3>CSS盒子模式</h3>
		<p>正文内容</p>
	</div>
	<div class="mainBox">
		<h3>转变思想</h3>
		<p>正文内容</p>
	</div>
	<div class="mainBox">
		<h3>熟悉步骤</h3>
		<p>正文内容</p>
	</div>

</body>
</html>